<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>右上角角标</title>
		<style>
		.one{
			position: relative;
			top: 100px;
			left: 100px;
			width: 100px;
			height: 100px;
			background-color: pink;
		}
		.one .tag{
			width: 20px;
			height: 20px;
			background-color: red;
			border-radius: 10px;
			color: white;
			font-size: 14px;
			
			display: flex;
			justify-content: center;
			align-items: center;
			
			
			position: absolute;
			right: -8px;
			top: -8px;
			
		}
		</style>
	</head>
	<body>
			<div class="one">
				<div class="tag">
					<span>3</span>
				</div>
			</div>
			
	</body>
</html>
